<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
	<title>ThemeRoller-Ready Components</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../../jquery/jquery-ui/jquery-ui.css" />
	<style>
	    .ui-state-default {
		padding: .5em 1em;
		cursor: pointer;
	    }
	</style>
	<script src="../../jquery/jquery.js"></script>
	<script src="../../jquery/jquery-ui/jquery-ui.js"></script>
	<script>
	    $(document).ready(function(){
		$(".ui-state-default").hover(
		    function(){ $(this).addClass("ui-state-hover"); },
		    function(){ $(this).removeClass("ui-state-hover"); }
		);
	    });
	</script>
    </head>
    <body>
	<button type="submit" class="ui-state-default" name="submit">Submit Button</button>	
    </body>
</html>
